{% extends 'base.html'%}
{% block head %}
{{ js_resources|safe}}
{{ css_resources|safe}}
{% endblock %}
<!--&lt;!&ndash;欢迎&ndash;&gt;-->
{% block tou %}
<div class="row" id="tou">
    <div class="col-md-12 grid-margin">
        <div class="d-flex justify-content-between flex-wrap">
            <div class="d-flex align-items-end flex-wrap">
                <div class="mr-md-3 mr-xl-5">
                    <h2>招聘数据分析岗位相关行业分析</h2></br>
                    <p class="text-muted">1、从词云图中可以看到行业关键词中，互联网、计算机软件词频最高，与岗位关联度最强。</br>
                        2、建筑、交通、学术、保险的词频也较高，有一定的发展潜力。</br>
                        3、词频基本涵盖了各大领域，说明数据分析岗位的应用前景十分广阔。</br>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block table %}
<div class="card-body">
    <!--    <p class="card-title">招聘数据分析岗位的城市平均薪资</p>-->
    <br/>
    <div class="table-responsive" id="plot">
        <table id="recent-purchases-listing" class="table">
            {{the_data|safe}}
        </table>
    </div>
</div>
{% endblock %}

{% block ditu %}
<!--          切换器-->
<div class="row" id="ditu">
    <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body dashboard-tabs p-0">
                <ul class="nav nav-tabs px-4" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="overview-tab" data-toggle="tab" href="#overview" role="tab"
                           aria-controls="overview" aria-selected="true">需求公司规模数量</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="sales-tab" data-toggle="tab" href="#sales" role="tab"
                           aria-controls="sales" aria-selected="false">需求公司规模占比</a>
                    </li>
                </ul>
                <div class="tab-content py-0 px-0">
                    <div class="tab-pane fade active show" id="overview" role="tabpanel" aria-labelledby="overview-tab">
                        <div class="d-flex flex-wrap justify-content-xl-between">
                            <br>
                        <div class="card-body">
                            {{ the_guimo|safe }}
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="sales" role="tabpanel" aria-labelledby="sales-tab">
                        <div class="d-flex flex-wrap justify-content-xl-between">
                            <br>
                        <div class="card-body">
                            {{ the_zhanbi|safe }}
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <h4>结果分析</h4>
                        <p class="text-muted">从行业规模数量和占比来看：</br>
                            1、公司规模与岗位需求基本成反比，公司规模小的公司岗位需求较多。</br>
                            2、从公司规模数量来看，岗位需求公司最多的是小于50人的公司和50-100的公司，占比也是最高的，分别占比24%和23%。 </br>
                            3、从公司规模的平均薪资来看，公司规模越大的公司平均薪资也越高，不过薪资差距不是很大，基本能达到10K以上。</br>
                            4、中部长沙城市的需求量较中西部地区的重庆城市低，考虑国家积极发展中部计划等政策倾斜及城市定位有关</br></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}